<template>
  <h1>1.基本用法</h1>
  <h2>count:{{count}}</h2>
  <button @click="changeCount">改变count</button>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "About",
});
</script>

<script setup lang="ts">
  import {ref} from 'vue'
  let count = ref(0)
  console.log(count);
  
  const changeCount = () => {
    count.value++
  }
</script>

<style scoped></style>
